メインコンテンツへスキップ

All Posts

News bits

Chrome DevTools MCP サーバーがパブリックプレビュー開始

Chrome DevTools MCPサーバーがパブリックプレビューとして公開。AIがChrome DevToolsの機能を直接利用できるようになり、ブラウザ上でのデバッグとパフォーマンス分析が可能に。

利用可能な機能：

  • リアルタイムでのコード変更検証
  • ネットワークとコンソールエラーの診断
  • ユーザー行動のシミュレーション
  • ライブスタイリングとレイアウト問題のデバッグ
  • パフォーマンス監査の自動化

MCPクライアントに以下の設定を追加することで利用開始できる。

json
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["chrome-devtools-mcp@latest"]
    }
  }
}

出展：Chrome DevTools MCP for your AI agent

著者について

Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.

In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.

In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.

In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.

I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.